<template>
  <div class="insurance-detail-container">
    <el-card shadow="never">
      <el-page-header @back="goBack" content="方案详情"></el-page-header>
    </el-card>
   <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="first">
        <basic-info></basic-info>
      </el-tab-pane>
      <el-tab-pane label="公式配置" name="third">
        <formula></formula>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import basicInfo from './basicInfo/basicInfo.vue'
import formula from './formula/formula.vue'
import edit from '@/views/employee/employee/edit.vue'
import archives from '@/views/employee/employee/components/archives/archives.vue'
import holdpost from '@/views/employee/employee/components/holdPost/holdPost.vue'
import certificate from '@/views/employee/employee/components/certificate/certificate.vue'
import contract from '@/views/employee/employee/components/contract/contract.vue'
import {parties,nations} from '@/utils/constants/common/constants.js'
export default {
  name: "EmployeeIndex",
  dicts: [],
  components: { edit,archives,holdpost,certificate,contract,basicInfo,formula},
  props:{
    prop:{
      type:Object,
      default:function(){
        return {
          employeeId:null,
          employeeCode:null,
        }
      }
    }
  },
  data() {
    return {
      open:false,
      openDetail:false,
      employeeId:this.prop.employeeId,
      activeName:'first',
      nations:nations,
      parties:parties,
      employeeArchives:{
        base:{},
        certificates:[],
        workExperiences:[],
        foreignExperiences:[],
        educateExperiences:[],
      },
      holdPostData:[],
      tabProp:{
        employeeId:this.prop.employeeId,
        employeeCode:this.prop.employeeCode
      },
      contractData:[],
      jobTitles:[],
      certificateData:[],
      skillCertificateData:[],

    };
  },
  methods: {
    changetTab(tab){
      this.activeName = tab.name
    },
  
    changeArchives(){
     
    },
    goBack(){
      this.$emit('close')
    },
    editEmployee(){
      this.$emit('close')
    },
  },
  mounted() {
  
  },
  updated() {

  },
};
</script>
<style scoped>
.insurance-file-container{
    display: flex;
    flex-direction: row;
  }
 .employee-file-container .block{
    width:5vw;
    margin:5px 20px 5px 0px;
  }
 .employee-file-container .block .el-image{
    width:70px;
    height:88px;
  }
</style>
